<template>
  <div class="box">
    <xiong @changeFlag="flags"></xiong>
    <zi :flag="flag" @changeFlag="flag = false"></zi>
  </div>
</template>

<script>
import zi from "../hom/zi";
import xiong from "../hom/xiong"
export default {
  data() {
    return {
      flag: false,
    };
  },
  components: {
    zi,
    xiong
  },
  created() {},
  mounted() {},
  methods: {
    flags(data) {
      console.log(data);
      this.flag = true;
    },
  },
};
</script>

<style scoped lang="less">
.box {
  width: 400px;
  margin: 40px auto;
}
</style>
